<template>
  <view class="search">
    <text><uni-icons type="search" size="30"></uni-icons></text>
    <text class="input"><uni-search-bar cancelButton="none" bgColor="#fff" radius="30" clearButton="auto" v-model="value" placeholder="请输入内容"></uni-search-bar></text>
    <text class="search-btn" @click="go">搜索</text>
  </view>
  <view><serverList></serverList></view>
</template>

<script>
export default {
  name: 'allServer',
  data() {
    return {};
  },
  methods: {
    go() {
      uni.navigateTo({
        url: '/pages/search/search'
      });
    }
  }
};
</script>

<style lang="scss">
.search {
  border: 1px solid #bbbbbb;
  border-radius: 40rpx;
  height: 80rpx;
  line-height: 80rpx;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rpx;
  ::v-deep .input {
    width: 400rpx;
    .uni-searchbar {
      padding: 0;
      border: 1rpx solid #bbbbbb;
      border-radius: 30rpx;
      .uni-searchbar__box-icon-search {
        display: none;
      }
    }
  }
  .search-btn {
    width: 200rpx;
    height: 100%;
    background-color: #4095e5;
    border-radius: 40rpx;
    line-height: 80rpx;
    text-align: center;
    color: #fff;
  }
}
</style>
